<template>
  <div>
    <div class="topNavBar">
      <template v-if="isShowBack">
        <span class="leftBack" v-on:click="reBack"> <a-icon type="left"></a-icon>返回 </span>
        <a-divider type="vertical" style="background: #989898" />
      </template>
      {{ applyPageRoute }}
    </div>
  </div>
</template>

<script>
export default {
  name: 'topNavBar',
  props: {
    applyPageRoute: {
      type: String,
      default: null,
    },
    isShowBack:{
      type: Boolean,
      default:true
    }
  },
  data() {
    return {}
  },
  methods: {
    reBack() {
      this.$emit('back')
    },
  },
}
</script>

<style lang="less" scoped>
@import '~@/components/index.less';
.topNavBar {
  margin-left: 4px;
  margin-bottom: 10px;
  color: #989898;
  .leftBack {
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
  }
  .leftBack:hover {
    color: @primary-color;
  }
}
</style>